<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <!-- 调整视口比例1倍 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 用ie最高版本渲染 -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../public/css/init.css">
  <link rel="stylesheet" href="../public/css/index.css">
  <title>Document</title>
</head>

<body>
  <div id="nav"></div>
  <!-- <nav></nav> -->
  <div class="main-box">
    <form id="input-form">
      <div class="content-label">
        <label for="todo">待办事项：</label>
        <input type="text" class="input" id="todo" placeholder="输入待办事项">
      </div>
      <div class="content-label">
        <label>计划时间：</label>
        <input type="date" class="input" id="date" value="1970-01-01">
        <span>-</span>
        <input type="time" class="input" id="time" value="00:00">
      </div>
      <div class="content-label">
        <button class="btn" id="ok">确定</button>
        <input type="reset" class="btn" id="reset" value="重置">
      </div>
    </form>

    <div class="todo-list">
      <table border="1" cellspacing="0" id="todoTable">
        <tr>
          <th width="10%">序号</th>
          <th width="50%">待办事项</th>
          <th width="25%">时间</th>
          <th width="15%">状态</th>
        </tr>
        <!-- <tr>
          <td align="center">1</td>
          <td>内容</td>
          <td align="center">2018-05-11 9:20</td>
          <td align="center">
            <select>
              <option value="0">未开始</option>
              <option value="1">正在进行</option>
              <option value="2">已完成</option>
            </select>
          </td>
        </tr> -->
      </table>
    </div>
  </div>
  <script src="../public/js/index.js"></script>
</body>

</html>
